<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" 
	xmlns:v="urn:schemas-microsoft-com:vml">

  <head>
	  <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
	      <link rel="stylesheet" type="text/css" href="/stylesheets/map.css">
	  	<title>DroidGuide Map</title>
    <script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAApvH5Y_7ZAFifhcYEpUg9shSpWZuXf4DzCzCg9ldcfFW6CWC1phR1w2RILTxxCPSddQlVijeUm5Od5Q"
		type="text/javascript"></script>
	<script src="/scripts/map.js" type="text/javascript"></script>
		<script type="text/javascript">   

    var map;
    var geoXml; 
    var toggleState = 1;

    function initialize() {
      if (GBrowserIsCompatible()) {
		  geoXml = new GGeoXml("http://droidguide.appspot.com/map/{{userid}}/all.kml");
		  panoramio = new GGeoXml("http://www.panoramio.com/kml/");
		  wikipedia = new GGeoXml("http://toolserver.org/~kolossos/world-link.php?lang=en");
        map = new GMap2(document.getElementById("map_canvas")); 
        map.setCenter(new GLatLng(-19.849136,-43.989258), 13);
        map.addControl(new GLargeMapControl());
        map.addControl(new GLargeMapControl());
		{{overlays}}
		//map.addOverlay(geoXml);
		//map.addOverlay(wikipedia);
		//map.addOverlay(panoramio);
		{%for l in landmarks%}
			addLocal({{l.lon}}, {{l.lat}}, "<b>{{l.title}}</b> <p>{{l.description}}</p> <a href='../adaptation/content?landmark={{l.key}}&user={{userid}}'>+Mais</a>")	
		{%endfor%}

      }
	} 



	</script>
  </head>

  <body onload="initialize()">
    <div id="map_canvas" style="width: 320px; height: 420px; position: absolute; top: 0px; left: 0px"></div>

  </body>
</html>

